@import "../../components/style/variables.less";

.product-panel {

    display: none;

    .cust-prop {
        border: 1px solid @brand-primary;
        margin-bottom: 8px;
        margin-right: 10px;
        border-radius: 4px;
        padding: 4px 20px 4px 20px;
        white-space: nowrap;
        background-color: @bg-color;;

        &.selected {
            background-color: @brand-primary;
            color: white;
        }
    }

    .modal {

        transform: translateX(100%);
        transition: 0.4s ease-in;

        .modal-dialog {
            background-color: @bg-color;;
            margin: 0px;
            top: 0px;
            left: 60px;
            bottom: 0;
            right: 0;
            // position: absolute;
            border: none;

            .modal-content {
                border: none;
                box-shadow: none;
                padding: 0;
                display: block;

                .modal-header {
                    padding: 0;
                    padding-bottom: 10px;
                }
                .modal-body {
                    // padding-bottom: 120px;
                    overflow-y: scroll;
                }
                .modal-footer {
                    position: fixed;
                    bottom: 0px;
                    background-color: @bg-color;
                    input {
                        text-align: center;
                        -webkit-appearance: none;   //取消文本框的阴影
                    }
                }
            }
        }
    }

    .modal-backdrop.in {
        //opacity: @modal-backdrop-opacity;
        transition: opacity 0.4s ease-in;
    }
}

.product-panel { 
    nav {
        background-color: @brand-primary;
        color: @bg-color;
        height: @nav-height;
        font-size: @topbar-font-size;
        width: 100%;
        
        .nav-tabs {
            border-bottom: none;
            width: 100%;
            position: absolute;
        }
    }
}